<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<script src="js/jquery-1.11.1.min.js"></script>
<link href="css/templatemo_style.css" rel="stylesheet">
<link href="css/templatemo_misc.css" rel="stylesheet">
<div id="services-content">
	<header>
		<h1>ZOBACZ TEZ</h1>
	</header>
	<div class="content services">

<% if (request.getParameter("opt") == null){
%>	
<a href="../social/index.jsp?page=reservations&group=newReservation">
		<div class="hexagon_container">
			<div class="hexagon hexagon2 services-item">
				<div class="hexagon-in1">
					<div class="hexagon-in2"
						data-service-description="Rezerwacja bez tworzenia konta? Od dzis jest to mozliwe! Tylko u nas, po podaniu danych kontaktowych, mozesz latwo i szybko dokonac rezerwacji stolika oraz gier!">
						<i class="fa fa-pencil"></i>
					</div>
				</div>
			</div>
			<h2>Rezerwacja bez logowania</h2>
		</div>
</a>
		<a class="registration" href="http://localhost:8080/Thesis/index.jsp?page=more&opt=registration">
			<div class="hexagon_container">
				<div class="hexagon hexagon2 services-item">
					<div class="hexagon-in1">
						<div class="hexagon-in2"
							data-service-description="Dzieki rejestracji otrzymasz dostep do naszego dedykowanego serwisu spolecznosciowego HexGames oraz bedziesz mogl szybko i bez dodatkowych formalnosci dokonac rezerwacji stolika oraz gry.">
							<i class="fa fa-support"></i>
						</div>
					</div>
				</div>
				<h2>Zarejestruj sie!</h2>
			</div>
		</a>
		<a href="../Thesis/social">
		<div class="hexagon_container">
			<div class="hexagon hexagon2 services-item">
				<div class="hexagon-in1">
					<div class="hexagon-in2"
						data-service-description="Od teraz HexGames to nie tylko lokal. To takze spolecznosc graczy, baza gier planszowych, system organizacji eventow oraz system rezerwacji. Nie czekaj.. Dolacz do nas juz teraz!">
						<i class="fa fa-bell"></i>
					</div>
				</div>
			</div>
			<h2>HexGames Social</h2>
		</div>
		</a>
		<a class="passwordReminder" href="http://localhost:8080/Thesis/index.jsp?page=more&opt=passwordReminder">
		<div class="hexagon_container">
			<div class="hexagon hexagon2 services-item">
				<div class="hexagon-in1">
					<div class="hexagon-in2"
						data-service-description="Zapomniales haslo? Nie obawiaj sie. Kliknij i ciesz sie dostepem do swojego konta!">
						<i class="fa fa-bullhorn"></i>
					</div>
				</div>
			</div>
			<h2>Przypomnienie hasla</h2>
		</div>
		</a>
		<div class="content-description">
			<p></p>
		</div>
		<%}
else if (request.getParameter("opt").equals("passwordReminder")){
	%>
	<script>
	$("#services-content").hide().fadeIn(1000).load("passwordReminder.jsp");
	//return false;
	</script>
	<%}

else if (request.getParameter("opt").equals("registration")){
	%>
	<script>
	$("#services-content").hide().fadeIn(1000).load("registration.jsp");
	//return false;
	</script>
	<%}
%>
	</div>
</div>
<script type="text/javascript">
	$("#services-content .hexagon-in2").hover(function() {
		$('.content-description p').text($(this).data("serviceDescription"));
		$("#services-content .hexagon-in2").removeClass('active');
		$(this).addClass('active');

	});
</script>

